<template>
	<view class="tj">
		<view class="tjtitle">
			<image src="../static/003.png" class="tjimg" />
			<text class="tjtxt">优品推荐</text>
			<image src="../static/003.png" class="tjimg" />
		</view>
		<view class="tjpros">
			<u-row>
				<u-col class="pro" span="4" v-for="i in 6">
					<image :src="img" class="proimg"></image>
					<view class="proname u-line-1">
						莱克吉米手持无线吸尘器除螨除尘组合家用大吸力静音
					</view>
					<view class="proprice">
						¥15.00
					</view>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				img: "http://demo26.crmeb.net/uploads/attach/2019/05/23/2a21667934bd7e26c7edd02687efdd34.jpg"
			};
		}
	}
</script>

<style lang="scss" scoped>
	.tj {}

	.tjtitle {
		margin: 80rpx 0rpx;
	}

	.tjtxt {
		float: left;
		margin-top: -10rpx;
		position: relative;
		text-align: left;
		left: 42%;
	}

	.tjimg {
		float: left;
		margin-top: -10rpx;
		position: relative;
		text-align: left;
		left: 42%;
		float: left;
		height: 20rpx;
		width: 20rpx;
	}

	.tjpros {
		clear: both;
		margin: 10rpx 20rpx;
		padding: 20rpx 0rpx;
	}
	.pro{
		margin-bottom: 10rpx;
	}

	.proimg {
		height: 200rpx;
		width: 100%;
	}

	.proname {
		color: #282828;
		margin-top: 6px;
	}

	.proprice {
		color: #fc4141 !important;
	}
</style>
